<template>
    <view class="service">
        <img class="imgtop" src="https://lgqj.oss-cn-beijing.aliyuncs.com/2022/06/12/16550222024823C5p2kNfctnTbf44f9b3d53bbbf8cf54ed3ae064c877.png"
            alt="">
        <view class="contentItem vh-cb">
            <view>客服电话</view>
            <view>15904893418</view>
        </view>
        <view class="contentItem vh-cb">
            <view>售后服务电话</view>
            <view>15904893418</view>
        </view>
        <view class="contentItem vh-cb">
            <view>水电施工接单电话</view>
            <view>15904893418</view>
        </view>
        <view class="contentItem">
            <view>公司总部地址</view>
            <view>呼和浩特市东库街金牛陶瓷装饰城南门东侧路北日丰管楼二层</view>
        </view>
        <view class="unitBox">
            <view class="title vh-c">合作支持单位</view>
            <view class="item">日丰企业集团</view>
            <view class="item">内蒙古欣裕华线缆有限责任公司</view>
            <view class="item">台州尚亿阀门股份有限公司</view>
            <view class="item">浙江奥德华科技股份有限公司</view>
            <view class="item">浙江达柏林阀门有限公司</view>
            <view class="item">浙江正泰网络技术有限公司</view>
            <view class="item">浙江东生环境科技有限公司</view>
            <view class="item">天津京姿建筑材料有限公司</view>
            <view class="item">北京美特美家暖通设备有限公司</view>
        </view>
        <view>
            <view class="vh-c supportBox">
                <view></view>
                <view>平台技术支持</view>
                <view></view>
            </view>
            <view class="unit vh-c">
                内蒙古麦兜科技文化发展有限公司
            </view>
        </view>
    </view>
</template>

<style lang="scss">
.service {
    .imgtop {
        width: 100vw;
        height: 59vw;
    }
    .contentItem {
        padding: 0rpx 40rpx;
        background-color: #fff;
        view:nth-child(1) {
            font-weight: bold;
            padding-bottom: 25rpx;
        }
        view:nth-child(2) {
            font-size: 30rpx;
            padding-bottom: 25rpx;
            color: #666;
        }
    }
    .unitBox{
        margin-top: 20rpx;
        background-color: #fff;
        .title{
            color: #0056EA;
            padding: 20rpx 0;
            font-weight: bold;
        }
        .item{
            font-size: 30rpx;
            padding: 15rpx 40rpx;
            color: #666;
        }
    }
    .supportBox{
        // margin-top: 20rpx;
        background-color: #fff;
        padding-top: 120rpx;
        view:nth-child(1) {
            width: 100rpx;
            height: 2rpx;
            border-bottom: #e6e6e6 1rpx solid;
        }
        view:nth-child(3) {
            width: 100rpx;
            height: 2rpx;
            border-bottom: #e6e6e6 1rpx solid;
        }
        view:nth-child(2) {
            font-size: 30rpx;
            color: #0056EA;
            padding: 0rpx 20rpx;
        }
    }
    .unit{
        background-color: #fff;
        color: #333;
        font-size: 24rpx;
        padding: 20rpx;
    }
}
</style>